import React from 'react';
import { connect, Dispatch } from 'umi';
import styles from './index.less';
import cls from 'classnames';
import DeviceInfo from './deviceInfo';
import BookMark from './BookMark';
// import { SettingOutlined, AppstoreOutlined } from '@ant-design/icons';
// import { ConnectProps, ConnectState } from '@/models/connect';
// import ProgressInfo from './progressInfo';
// import VideoPanel from './videoPanel';

const LeftContent = ({ compareState, isGlobalProcessRender }) => {
  if (compareState || isGlobalProcessRender) {
    return null;
  }
  return (
    <>
      <div className={cls('side-panel2')} style={{ bottom: 25, right: 24, width: 450 }}>
        <div className="side-panel2-title">设备管理</div>
        <div className={cls('side-panel-body side-panel2-body', styles.content2)}>
          <DeviceInfo></DeviceInfo>
        </div>
      </div>
      <BookMark />
    </>
  );
};

// export default LeftContent;
export default connect(({ bimmodel, app }) => {
  return { compareState: bimmodel.compareState, isGlobalProcessRender: app.isGlobalProcessRender };
})(LeftContent);
